
#components-layout-demo-top-side-2 {
    float: left;
    width: 120px;
    height: 31px;
    margin: 16px 24px 16px 0;
    background: rgba(255, 255, 255, 0.3);
}

.ant-row-rtl #components-layout-demo-top-side-2 {
    float: right;
    margin: 16px 0 16px 24px;
}

.ant-layout.ant-layout-has-sider > .ant-layout {
    width: auto;                    /*这个属性是为了覆盖antd组件自带的属性，解决出现水平滚动条，而组件溢出的情况*/
}

.ant-layout {
    /* background-color: #E6E8FA; */
    min-width: max-content;         /*设置宽度，解决出现水平滚动条，而组件溢出的情况*/
}

/* .ant-layout-content {
    background-color: #D9D9F3;
} */

.header {
    width: 100%;
    height: 64px;
    background-color: white;
    position: relative;
    z-index: 1;
}

.logo {
    width: 300px;
    height: 37px;
    background: url('../../images/logo.jpg');
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    float: left;
}

.headerSetting {
    float: right;
    /* flowing 3, make center */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: x-large;
    margin-right: 30px;
}

.headerAvatar {
    float: right;
    display: flex;
    justify-content: space-around;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 40px;
}


